<template>
	<view>
		<u-navbar title="我的账户"></u-navbar>
		<view class="content">
			<!-- 顶部 -->
			<view class="top dis_f_co">
				<view style="margin-bottom: 20rpx;">当前余额</view>
				<view class="dis_f_sb_c">
					<view style="font-size: 62rpx;font-weight: bold;">13146.85</view>
					<view class="dis_f_l_c">
						<view class="qb_btn dis_f_c_c" style="margin-right: 30rpx;">提现</view>
						<view class="qb_btn2 dis_f_c_c">充值</view>
					</view>
				</view>
			</view>
			<!-- 按钮 -->
			<view class="bottom">
				<view class="part dis_f_sb_c">
					<view class="dis_f_l_c">
						<image class="btn_icon" src="../../../static/icon/jiaoyi.png" mode=""></image>
						<view>账户明细</view>
					</view>
					<u-icon name="arrow-right"></u-icon>
				</view>
				<view class="part dis_f_sb_c">
					<view class="dis_f_l_c">
						<image class="btn_icon" src="../../../static/icon/tixian.png" mode=""></image>
						<view>提现记录</view>
					</view>
					<u-icon name="arrow-right"></u-icon>
				</view>
				<view class="part dis_f_sb_c">
					<view class="dis_f_l_c">
						<image class="btn_icon" src="../../../static/icon/dashang.png" mode=""></image>
						<view>打赏收益</view>
					</view>
					<u-icon name="arrow-right"></u-icon>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	.content{
		padding: 20rpx;
		.bottom{
			width: 100%;
			background-color: #fff;
			// border-radius: 20rpx;
			// padding: 0 20rpx;
			.part{
				border-bottom: 1px solid #eee;
				padding: 30rpx 20rpx;
				.btn_icon{
					width: 40rpx;
					height: 40rpx;
					margin-right: 20rpx;
				}
			}
			.part:last-child{
				border-bottom: none;
			}
		}
		.top{
			width: 100%;
			// height: 300rpx;
			background-color: #a9cfff;
			border-radius: 20rpx;
			padding: 40rpx 20rpx 20rpx 20rpx;
			color: #fff;
			margin-bottom: 40rpx;
			.qb_btn{
				width: 140rpx;
				height: 50rpx;
				background-color: #fff;
				border-radius: 30rpx;
				color: #5D9CE9;
			}
			.qb_btn2{
				width: 140rpx;
				height: 50rpx;
				background-color: #FA3534;
				border-radius: 30rpx;
				color: #fff;
			}
		}
	}
</style>
